<link href="css/main.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen" />
<link href="css/nivo-slider.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />

<!-- *************************************************************************
**************************   JSCRIPTS    *******************************
************************************************************************** -->

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/jcarousellite.min.js"> </script>
	<script type="text/javascript" src="js/hoverIntent.js"></script>
	<script type="text/javascript" src="js/superfish.js"></script>
	<script type="text/javascript" src="js/supersubs.js"></script>
    <script type="text/javascript" src="js/custom.js"> </script>
    <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/tabs.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="js/scrolltopcontrol.js"> </script>
    <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>


<script type="text/javascript"> 
 
    $(document).ready(function(){ 
        $("ul.sf-menu").supersubs({ 
            minWidth:    12,   // minimum width of sub-menus in em units 
            maxWidth:    45,   // maximum width of sub-menus in em units 
            extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
                               // due to slight rounding differences and font-family 
        }).superfish();  // call supersubs first, then superfish, so that subs are 
                         // not display:none when measuring. Call before initialising 
                         // containing tabs for same reason. 
    }); 
 
</script>

<!-- START OF SCRIPT FOR MENU -->
        
<script type="text/javascript">
 
    jQuery(document).ready(function() { 
        jQuery('ul.sf-menu').superfish({ 
            delay:       1000,                            // one second delay on mouseout 
            animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
            speed:       'normal',                          // faster animation speed 
            autoArrows:  true,                           // disable generation of arrow mark-up 
            dropShadows: false                            // disable drop shadows 
        }); 
    }); 
</script> 

<!-- END OF SCRIPT FOR MENU -->
        

<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider({
		effect:'sliceDown',
		slices:35,
		animSpeed:300,
		pauseTime:5000,
		startSlide:0, //Set starting Slide (0 index)
		directionNav:false, //Next and Prev
		directionNavHide:true, //Only show on hover
		controlNav:true, //1,2,3...
		controlNavThumbs:true, //Use thumbnails for Control Nav
		controlNavThumbsFromRel:true,
		controlNavThumbsSearch: '.jpg', //Replace this with...
		controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
		keyboardNav:true, //Use left and right arrows
		pauseOnHover:true, //Stop animation while hovering
		manualAdvance:false, //Force manual transitions
		captionOpacity:0.8, //Universal caption opacity
		beforeChange: function(){},
		afterChange: function(){},
		slideshowEnd: function(){} //Triggers after all slides have been shown

	});
});
</script>

<script type="text/javascript">

jQuery(document).ready(function() {
jQuery("#news_div").jCarouselLite({
vertical: true,
auto: 800,
speed: 2500,
visible: 1
	});
});
</script>

<!-- *************************************************************************
*********************  THIS IS THE CONTACT FORM JS  **************************
************************************************************************** -->

<script type='text/javascript'>

$(document).ready(function(){
	var active_color = '#929191'; // Colour of user provided text
	var inactive_color = '#929191'; // Colour of default text
        	  $("input.default-value").css("color", inactive_color);
        	  var default_values = new Array();
        	  $("input.default-value").focus(function() {
        	    if (!default_values[this.id]) {
        	      default_values[this.id] = this.value;
        	    }
        	    if (this.value == default_values[this.id]) {
        	      this.value = '';
        	      this.style.color = active_color;
        	    }
        	    $(this).blur(function() {
        	      if (this.value == '') {
        	        this.style.color = inactive_color;
        	        this.value = default_values[this.id];
        	      }
        	    });
        	  });
	
        	$('#contactform').submit(function(){
        
            formvalues = $("#contactform").serialize();
        
            $.ajax({
                type: "POST",
                url: "mailer.php",
                data: formvalues,
                dataType: "json",
                success: function(data) {
                    if (data.success==1) {
                        $("#contactwrapper").slideUp(750,function() {
                            $('#contactmessage').html('Thanks! Please check your email to confirm your subscription.');
                            });
                    }
                    else{
                        if (data.invalid_email==1) { $('#contact_email').addClass("form_error"); }
                            else { $('#contact_email').removeClass("form_error"); }
                            
                   }
            }
            });
        	    return false; 
        	});
        
        });
</script>

</head>

<body id="home">

<!-- START OF WRAPPER -->
<div id="wrapper">

	<!-- START OF TOP_HEADER -->
	<div id="top_header">

		<!-- START OF TOP_LOGO -->
		<div id="top_logo">
        <a href="#" target="_self"><img src="logo.png" width="263" height="77" alt="top logo" /></a>

    </div><!-- END OF TOP_LOGO -->

		<!-- START OF MENU_WRAPPER -->
		<div id="menu_wrapper">
            
    	    <!-- START OF SEARCHBOX -->
            <div id="searchbox">

                <ul class="search">
                    <li><input type="text" value="Search" id="searchBox" name="s" onblur="if(this.value == '') { this.value = 'Search'; }" onfocus="if(this.value == 'Search') { this.value = ''; }" class="bar" /></li>
                    <li><input type="image" src="img/go_transparent.png" alt="" class="go" /></li>
                </ul>
            
			</div><!-- END OF SEARCHBOX -->

			<!-- START OF TOP NAVIGATION -->
    		<div id="top-navigation">
	
				<ul class="sf-menu">
					<li>
					  <ul>
                    <li><a href="index2.html"><span class="uppercase">Without Slider</span></a></li>
							<li><a class="active" href="index3.html"><span class="uppercase">Product Sale Without Slider</span></a></li>
                        </ul>
                    </li>
                        
					<li>
					  <ul>
					<li><a href="portfolio2column.html"><span class="uppercase">Portfolio 2 Column</span></a></li>
							<li><a href="portfolio3column.html"><span class="uppercase">Portfolio 3 Column</span></a></li>
                    		<li><a href="portfolio4column.html"><span class="uppercase">Portfolio 4 Column</span></a></li>
					  </ul>
				  	</li>
                        
					<li></li>
                        
					<li>
					  <ul>
					<li><a href="fullimage_sidebar.html"><span class="uppercase">Full Image With Sidebar</span></a></li>
							<li><a href="right_sidebar.html"><span class="uppercase">Right Sidebar Post</span></a></li>
							<li><a href="left_sidebar.html"><span class="uppercase">Left Sidebar Post</span></a></li>
					  	</ul>
                        
                    </li>
                        
					<li></li>
                        
		  		</ul>
    	
        	</div><!-- END OF NAVIGATION -->
        
		</div><!-- END OF MENU_WRAPPER -->

	</div><!-- END OF TOP_HEADER -->	
       
    <!-- START OF FULL_WIDTH -->
    <div class="full_width">
        <a href="#" target="_self"><img src="../businessfunding-header.jpg" width="960" height="297" alt="product image" /></a>
    <br /><br />
    
    <!-- *************************************************************************
    ***********************  START OF TABBED AREA  *******************************
    ************************************************************************** -->
    
        <ul class="tabs">
       
            <li><a href="#tab1">How it Works</a></li>
        </ul>
    
        <!-- START OF TAB CONTAINER -->
        <div class="tab_container">
            
        <!-- ************  START OF TABBED CONTENT AREA 1  ************* -->
    
        <!-- START OF TAB 1 TAB CONTENT -->
        <div id="tab1" class="tab_content">
                
            <!-- START OF TAB LEFT -->
            <div class="tab_left">
                
            <h4>So, how do we get investors to take a look at your business plans?</h4>
            <p>Easy, we make them available to them. </p>
                
                <!-- START OF BLOCKQUOTE -->
                <blockquote>&quot;I use businessandbling.co.uk because they allow me to have a real insight into a business before I make contact
                  .<!-- THIS IS QUOTE FROM -->&quot;
                  <div class="quote_from">Michael Peters</div>
                
                </blockquote><!-- END OF BLOCKQUOTE -->
    
            </div><!-- END OF TAB LEFT -->
        
            <!-- START OF TAB RIGHT -->
            <div class="tab_right">
           <iframe width="327" height="216" src="http://www.youtube.com/embed/2wfAea10wzM" frameborder="0" allowfullscreen></iframe>
            
            </div><!-- END OF TAB RIGHT -->
                
        </div><!-- END OF TAB 1 TAB CONTENT -->
        
   
    
    </div><!-- END OF TAB CONTAINER -->
        
    <!-- THIS IS THE CLEAR -->
    <div class="clear"></div> 
        
    <!-- START OF TICKERTITLE --><!-- END OF TICKERTITLE -->
    
    <!-- START OF CALLTOACTION --><!-- END OF CALLTOACTION -->
          
    </div><!-- END OF FULL_WIDTH -->

</div><!-- END OF WRAPPER -->

<!-- START OF FOOTER_WRAPPER -->
<div id="footer_wrapper">

	<!-- START OF FOOTER -->
	<div id="footer">

		<!-- START OF FOOTER_COL1 -->
        <div class="footer_col1">
        
            <!-- START OF WHITE HIGHLIGHT -->
            <div class="white_highlight" align="center">
            <h5>Special Offer!</h5>
            <img src="img/box1.jpg" align="middle" alt="special" />
            You can now upgrade to v2.3 for just 
            
            <h4>$5.99</h4>
            
            Grab this offer now by clicking the button below!
            
            <div class="highlight_button_blue" align="center"><a href="#">Buy Now Just $5.99!!</a></div>
            
            </div><!--END OF WHITE HIGHLIGHT -->
        			
        </div><!-- END OF FOOTER_COL1 -->
    
        <!-- START OF FOOTER_COL1 -->
        <div class="footer_col1">
            
        <h4>Marketplaces</h4>
        
            <ul>
            
                <li><a href="http://themeforest.net">ThemeForest</a></li>
                <li><a href="http://3docean.net">3Docean</a></li>
                <li><a href="http://audiojungle.net">AudioJungle</a></li>
                <li><a href="http://videohive.net">VideoHive</a></li>
                <li><a href="http://graphicriver.net">GraphicRiver</a></li>
                <li><a href="http://codecanyon.net">CodeCanyon</a></li>
                <li><a href="http://activeden.net">ActiveDen</a></li>
            
            </ul>
            
            <br />
                    
        <h4>Tuts+ Sites</h4>
        
            <ul>
        
                <li><a href="http://psd.tutsplus.com/">psdtuts+</a></li>
                <li><a href="http://net.tutsplus.com/">nettuts+</a></li>
                <li><a href="http://vector.tutsplus.com/">vectortuts+</a></li>
                <li><a href="http://photo.tutsplus.com/">phototuts+</a></li>
                <li><a href="http://webdesign.tutsplus.com/">webdesigntuts+</a></li>
                <li><a href="http://mobile.tutsplus.com/">mobiletuts+</a></li>
                <li><a href="http://audio.tutsplus.com/">audiotuts+</a></li>
            
            </ul>
                    
        </div><!-- END OF FOOTER_COL1 -->
    
        <!-- START OF FOOTER_COL1 -->
        <div class="footer_col1">
    
        <h4>Blogroll</h4>
            
            <ul class="footer_col1">
    
                <li> <a href="#">ThemeForest</a> </li>
                <li> <a href="#">ActiveDen</a> </li>
                <li> <a href="#">VideoHive</a> </li>
                <li> <a href="#">CodeCanyon</a> </li>
                <li> <a href="#">GraphicRiver</a> </li>
    
            </ul>
                    
        </div><!-- END OF FOOTER_COL1 -->
                    
        <!-- START OF FOOTER_LAST -->
        <div class="footer_last">        
        
        <h4>Newsletter Subscription Form</h4>
    
        <p>Sign Up for our free periodic newsletter and receive the latest information on new apps and products plus very special offers!</p>
    
            <!-- START OF CONTACT MESSAGE -->
            <div id="contactmessage">
        
            </div><!-- END OF CONTACT MESSAGE -->
            
            <br />
        
                <!-- START OF CONTACT WRAPPER -->
                <div id="contactwrapper">
                
                    <form action="mailer.php" method="post" id="contactform">
                        <input name="contact_email" id="contact_email" type="text" class="default-value input-textarea" value="Enter your email for updates!"   onblur="if (this.value=='') {this.value='Enter your email for updates!'; }" onfocus="if (this.value=='Enter your email for updates!') {this.value=''; }"/>
                        <input type="hidden" name="form_type" id="form_type" value="construction" />
                        <input name="Submit" id="submit" type="submit" value="Send" class="input-submit"/>
                    </form>
                
                </div><!-- END OF CONTACT WRAPPER -->
                
        </div><!-- END OF FOOTER_LAST -->

	</div><!-- END OF FOOTER -->
    
<div class="clear"></div>

</div><!-- END OF FOOTER_WRAPPER -->

<!-- START OF BOTTOM_FOOTER_WRAPPER -->
<div id="bottom_footer_wrapper">

	<div id="bottom_footer">

        <!-- START OF COPYRIGHT -->
        <div id="copyright">
    
        &copy; 2011 TWS | <a href="#">Contact</a> | <a href="#">Help &#38; Support</a>
    
        </div><!-- END OF COPYRIGHT -->
        
        <!-- START OF SOCIAL -->
        <div class="social">
        
        <script type='text/javascript'>
        $(function() {
            
            $('.fade').tipsy({fade: true, gravity: 's'});
        
            $('#example-custom-attribute').tipsy({title: 'id'});
            $('#example-callback').tipsy({title: function() { return this.getAttribute('original-title').toUpperCase(); } });
            $('#example-fallback').tipsy({fallback: "?" });
        
            $('#example-html').tipsy({html: true });
            $('#offset').tipsy({offset: [50, 40] });
        
          });
        </script>  
    
            <ul class="icons">
            
                <li><a class='fade' title="RSS Feed" href="#" target="_self"><img src="img/rss.png" title="subscribe" alt="RSS"/></a></li>
    
                <li><a class='fade' title="Flickr" href="#" target="_self"><img src="img/flickr.png" alt="Flickr" /></a></li>
    
                <li><a class='fade' title="Facebook" href="#" target="_self"><img src="img/facebook.png" alt="Facebook" /></a></li>
    
                <li><a class='fade' title="Linkedin" href="#" target="_self"><img src="img/linkedin.png" alt="Linkedin" /></a></li>
    
                <li><a class='fade' title="Twitter" href="#" target="_self"><img src="img/twitter.png" alt="Twitter" /></a></li>
                
            </ul>
            
        </div><!-- END OF SOCIAL  -->
    
    </div><!-- END OF BOTTOM FOOTER -->

</div><!-- END OF BOTTOM_FOOTER_WRAPPER -->

<!-- JS FOR TWITTER BUTTON -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/username.json?callback=twitterCallback2&count=3"></script>

<!-- PRETTYPHOTO CODE -->
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({
									   theme:'light_square',
									   showTitle: true});
});
</script>

    